<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <head>
        <title>LOOKWIDER.COM</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="reset.css" />
        <link rel="stylesheet" type="text/css" href="metrostyle/css/modern.css"/>
        <link rel="stylesheet" type="text/css" href="metrostyle/css/modern-responsive.css"/>
        <link rel="stylesheet" href="chosen/chosen.css">


        <script type="text/javascript" src="js/jquery.js"></script>
        <script src="chosen/chosen.js" type="text/javascript"></script>
        <script type="text/javascript" src="metrostyle/javascript/dropdown.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/accordion.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/buttonset.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/carousel.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/input-control.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/pagecontrol.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/rating.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/slider.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/tile-slider.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/tile-drag.js"></script>
        <script type="text/javascript" src="edeploy/tiledeploy.js"></script>




    </head>
    <body class="modern-ui" onload="prettyPrint()" style="zoom: 1;">

    <div class="topbar">
        <div class="nav-bar bg-color-lighten">

        <div class="nav-bar-inner padding10">
           <span class="pull-menu"></span>
            <a href="index.html">
                <span class="element brand"><img src="FrameElements/SecondTopBar/LOOKWIDERCOM.png"/></span>
            </a>
            <div class="divider"></div>
            <ul class="menu">

                <li>
                    <a href="settings.html" style="color: black;">Моя Страница</a>
                </li>
                <li>
                    <a href="messages.html" style="color: black;">Сообщения</a>
                </li>
                <li>
                    <a href="#" style="color: black;">Выйти</a>
                </li>
                <li style="color: black; margin-left: 350px;">
                     <select data-placeholder="Житомир" style="width:350px;" class="chzn-select" tabindex="5">
                        <option value=""></option>
                        <optgroup label="Украина">
                            <option>Житомир</option>
                            <option>Киев</option>
                            <option>Днепропетровс</option>
                            <option>Харьков</option>
                        </optgroup>
                                <optgroup label="Россия">
                                    <option>Москва</option>
                                    <option>Санкт-Петербург</option>
                                    <option>Воронеж</option>
                                    <option>Новосибирск</option>
                                </optgroup>
                                </select>

                </li>
                <li><a/></li>
                <li class="divider"></li>
                <li><a /></li>
            </ul>

        </div>
            </div>

    </div>

<div class="clearfix"></div>
    <div class="sidebar">
        <div class="span3 bg-color-blue" style="line-height: 36px;"><a href="#"> &nbsp + Заведение</a>

        </div>
        <div class="span3 bg-color-green" style="line-height: 36px;"><a href="#"> &nbsp + Резидент</a>

        </div>
        <div class="span3 bg-color-purple" style="line-height: 36px;"><a href="#"> &nbsp + Квест</a>

        </div>
            <div class="clearfix"></div>
           <div class="toprated" style="width: 100%">
                    <h3>ТОП Профессионалы</h3>
                <div class="sidebartopper">
               <div class="span3 bg-color-blue">
                   <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                    <a href="residentpage.html">Ололошкин Брандабарман</a>
                   <div class="rating small" data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                   <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                   <div class="clearfix"></div>
                   <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
               </div>





                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small" data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="4.4"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

           </div>

        </div>
    </div>
    <div class="contentframe">

        <div class="topbar bg-color-blueLight " style="padding-top:5px;" data-param-period="15000">


            <div class="input-control text span4" style="float: left; margin-left: 100px;">
                <input type="text" class="with-helper" />
                <button class="helper"></button>
            </div>
            <input type="submit" value="Искать"/>
            <div class="clearfix"></div>
        </div>


        <div class="searchright bg-color-blueLight">
            <h3 style="text-align: center;">Поиск</h3>
            <div class="clearfix"></div>
            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Страна:
                </div>
                <input type="text"></input>
                <div class="clearfix"></div>
            </div>
            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Город:
                </div>
                <input type="text"></input>
                <div class="clearfix"></div>
            </div>
            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Фамилия:
                </div>
                <input type="text"></input>
                <div class="clearfix"></div>
            </div>

            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Имя:
                </div>
                <input type="text"></input>
                <div class="clearfix"></div>
            </div>

            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Пол:
                </div>
                <!--TODO norm radiobuttons selection -->
                <p><br>
                    <label class="input-control radio" style="float: right;clear: both;margin-right: 50px;">
                    <input type="radio" value="Женский"><span class="helper">Женский</span>
                </label>
                    <br>
                    <label class="input-control radio"style="float: right;clear: both; margin-right: 50px;">
                    <input type="radio" value="Мужской"><span class="helper"> Мужской</span>
                    </label>
                </p>

                <div class="clearfix"></div>
            </div>

            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Возраст:
                </div>

                <select data-placeholder="Житомир" style="width:100%;" class="chzn-select" tabindex="5">
                    <option>ОТ:</option>
                    <option>15</option>
                    <option>20</option>
                    <option>25</option>
                    <option>30</option>
                    <option>35</option>
                    <option>40</option>
                </select>
                <br> </br>
                <select data-placeholder="Житомир" style="width:100%;" class="chzn-select" tabindex="5">
                    <option>ДО:</option>
                    <option>20</option>
                    <option>25</option>
                    <option>30</option>
                    <option>35</option>
                    <option>40</option>
                    <option>80</option>
                </select>

                <div class="clearfix"></div>
            </div>

            <div class="searchcriteriaframe">
                <div class="searchcriteria">
                    Заведение:
                </div>
                <input type="text"></input>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
            <input type="submit" value="Искать" style="margin-left: 100px; margin-top: 25px;"/>

        </div>
        <div class="midcontent">

           <div class="col one"><img src="FrameElements/SideBar/ava.jpg" style="padding: 10px; float: left;"/>
               <a href="residentpage.html"><h3>Ололошкин Брандабарман</h3></a>
               <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="4.7" style="float: right;margin-right: 15px; clear: left;"></div>
               <div class="karma" style="margin: auto;">11235813</div>

               <div class="clearfix"></div>
                Позиция: Барман
               <div class="topcomment">
                   <a href="#"><h4 style="text-align: center;">ТОП Отзыв:</h4></a>
                   Трололо трололо отличный типуля Ололо
               </div>


           </div>

            <div class="col two"><img src="FrameElements/SideBar/ava.jpg" style="padding: 10px; float: right;"/>
            <h3 style="text-align: center;">Кабак "Кузька"</h3>
                <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="4.7"style="float: left; clear: right; margin-left: 15px;"></div>
                <div class="karma" style="margin: auto;">11235813</div>

                <div class="clearfix"></div>
                Тип Заведения: Кабак/Караоке
                <div class="topcomment">
                    <a href="#"><h4 style="text-align: center;">ТОП Отзыв:</h4></a>
                    Трололо трололо отличное караоке в Кабаке ололо
                </div>
            </div>

            <div class="col one"><img src="FrameElements/SideBar/ava.jpg" style="padding: 10px; float: left;"/>
                <a href="#"><h3>Ололошкин Брандабарман</h3></a>
                <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="4.7" style="float: right;margin-right: 15px; clear: left;"></div>
                <div class="karma" style="margin: auto;">11235813</div>

                <div class="clearfix"></div>
                Позиция: Барман
                <div class="topcomment">
                    <a href="#"><h4 style="text-align: center;">ТОП Отзыв:</h4></a>
                    Трололо трололо отличный типуля Ололо
                </div>


            </div>

            <div class="col two"><img src="FrameElements/SideBar/ava.jpg" style="padding: 10px; float: right;"/>
                <h3 style="text-align: center;">Кабак "Кузька"</h3>
                <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="4.7"style="float: left; clear: right; margin-left: 15px;"></div>
                <div class="karma" style="margin: auto;">11235813</div>

                <div class="clearfix"></div>
                Тип Заведения: Кабак/Караоке
                <div class="topcomment">
                    <a href="#"><h4 style="text-align: center;">ТОП Отзыв:</h4></a>
                    Трололо трололо отличное караоке в Кабаке ололо
                </div>
            </div>

                    <div class="clearfix"></div>


        </div>
        <div class="more bg-color-lighten"><a href="#">
            <i class="icon-arrow-down-2 fg-color-darken" style="font-size: 20px;"></i></a>
        </div>


</div>






        <div class="topbar" style="text-align: right;">
            ©2012-2013 LOOKWIDER.COM
        </div>



    </body>
    <script type="text/javascript">
        $(".chzn-select").chosen();
        $(".chzn-select-deselect").chosen({allow_single_deselect:true});
    </script>
</html>
